<template>
	<div v-show="projectData.length">
		<el-row :gutter="10" class="pad10">
			<el-col :span="12" v-for="(item, index) in projectData" :key="index">
				<el-card :body-style="{ padding: '0px' }" class="marb15">
					<img :src="`http://apitest.zhongxiangtianxia.cn/${item.pr_img}`" class="image" width="100%">
					<div style="padding: 14px;">
						<span>项目名称：{{item.pr_title}}</span>
						<div class="bottom clearfix">
							<time class="time">创建时间：{{ item.pr_ctime }}</time>
              <!-- <div class="description">
                项目描述：{{item.pr_description}}
              </div> -->
							<el-row>
								<el-col :span="12">
									<el-button type="text" class="button" @click="toRouter('/bugs')">BUG</el-button>
								</el-col>
								<el-col :span="12">
									<el-button type="text" class="button" @click="toRouter('/mission')">新任务</el-button>
								</el-col>
							</el-row>
						</div>
					</div>
				</el-card>
			</el-col>
		</el-row>
	</div>
</template>

<script>
export default {
  props: {
    projectData: {
      type: Array,
      default: []
    }
  },
  data() {
    return {
      currentDate: new Date(),
      ss: {}
    };
  },
  methods: {
    toRouter(router) {
      this.$router.push(router);
    }
  }
};
</script>

<style scoped>
</style>